<!--
 * @Author: only
 * @Date: 2025-05-13 09:51:37
 * @LastEditors: sueRimn
 * @LastEditTime: 2025-05-13 11:30:33
-->
<!doctype html>
<html>
    <head>
        <meta charset="UTF-8" />
        <script>
            var coverSupport =
                'CSS' in window &&
                typeof CSS.supports === 'function' &&
                (CSS.supports('top: env(a)') || CSS.supports('top: constant(a)'));
            document.write(
                '<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' +
                    (coverSupport ? ', viewport-fit=cover' : '') +
                    '" />'
            );
        </script>
        <title>Kisscom</title>
        <!--preload-links-->
        <!--app-context-->
        <style>
            .uni-width {
                max-width: 1500rpx !important;
                margin: 0 auto;
                background: #000;
            }
            .header-container {
                max-width: 1500rpx !important;
            }

            @media (min-width: 751px) {
                .header-container {
                    left: 50% !important;
                    margin: 0 0 0 -750rpx;
                }
            }

            #app,
            .main-container {
                background: #fff;
            }
        </style>
    </head>

    <body class="uni-width">
        <div id="app">
            <!--app-html-->
        </div>
        <script type="module" src="/src/main.ts"></script>
    </body>
</html>
